<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" /> 
<title>음성 녹음 테스트</title>

<style type="text/css">
input {
	color:transparent;
	background-color:transparent;
	border:0px;
	width:15px;
	
	-webkit-transform: scale(2.0, 2.0);
	-moz-transform: scale(2.0, 2.0);
	-ms-transform: scale(2.0, 2.0);
	transform: scale(2.0, 2.0);
}
</style>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
	
</script>

<script type="text/javascript">
function handleSpeechInput(obj) {
	alert(obj.value);
	
}
</script>
</head>

<body>
	<input type="text" id="speechInput" x-webkit-speech lang="en" size=50 speech onwebkitspeechchange="handleSpeechInput(this)" /></td>	
	
	<td><img alt="원어민 소리 듣기" src="images/speak.png" height="23" width="23" align="bottom"/></td>
				<td><span>Hi, everybody.</span></td>
				<td><span></span>
			</tr>
			<tr>
				<td><input type="text" id="speechInput" x-webkit-speech lang="en" size=50 speech onwebkitspeechchange="handleSpeechInput(this)" /></td>	
				<td><img alt="원어민 소리 듣기" src="images/speak.png" height="23" width="23" align="bottom"/></td>
				<td><span>This Father's Day weekend, </span></td>
			</tr>
		</table>


		
	</form>
</body>
</html>